1 files changed, 86 insertions, 0 deletions
diff --git a/app/[lng]/evcp/(evcp)/po-rfq/page.tsx b/app/[lng]/evcp/(evcp)/po-rfq/page.tsx
new file mode 100644
index 00000000..dfaa7708
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/po-rfq/page.tsx
@@ -0,0 +1,86 @@
+import { Suspense } from "react"
+import { getPORfqs } from "@/lib/procurement-rfqs/services"
+import { searchParamsCache } from "@/lib/procurement-rfqs/validations"
+import { Shell } from "@/components/shell"
+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
+import RFQContainer from "@/components/po-rfq/po-rfq-container"
+
+interface RfqPageProps {
+  searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
+  title?: string;
+  description?: string;
+}
+
+export default async function RfqPage({
+  searchParams,
+  title = "발주용 견적",
+  description = "SAP으로부터 전송된 발주용 견적을 관리할 수 있습니다.",
+}: RfqPageProps) {
+  // searchParams를 await하여 resolve
+  const resolvedSearchParams = await searchParams;
+
+  // 서버 액션: RFQ 데이터 가져오기
+  async function fetchRfqData(params: any) {
+    "use server"
+    
+    try {
+      // URL 파라미터를 추출하고 필요한 형식으로 변환
+      const parsedParams = searchParamsCache.parse(params);
+
+      // RFQ 데이터 가져오기
+      const data = await getPORfqs(parsedParams)
+        
+      return data
+    } catch (error) {
+      console.error("RFQ 데이터 조회 오류:", error)
+      // 에러 발생 시 빈 결과 반환
+      return { data: [], pageCount: 0, total: 0 }
+    }
+  }
+
+  // 현재 resolvedSearchParams를 파싱하여 초기 데이터 로드
+  const initialParams = {
+    page: resolvedSearchParams.page?.toString() || "1",
+    perPage: resolvedSearchParams.perPage?.toString() || "10",
+    sort: resolvedSearchParams.sort?.toString() || JSON.stringify([{ id: "updatedAt", desc: true }]),
+    filters: resolvedSearchParams.filters?.toString() || null,
+    joinOperator: resolvedSearchParams.joinOperator?.toString() || "and",
+    basicFilters: resolvedSearchParams.basicFilters?.toString() || null,
+    basicJoinOperator: resolvedSearchParams.basicJoinOperator?.toString() || "and",
+    search: resolvedSearchParams.search?.toString() || "",
+  }
+
+  // 초기 데이터 로드
+  const initialData = await fetchRfqData(initialParams)
+
+  return (
+    <Shell className="gap-2">
+      <div className="flex items-center justify-between space-y-2">
+        <div className="flex items-center justify-between space-y-2">
+          <div>
+            <h2 className="text-2xl font-bold tracking-tight">
+              {title}
+            </h2>
+          </div>
+        </div>
+      </div>
+        
+      <Suspense
+        fallback={
+          <DataTableSkeleton
+            columnCount={6}
+            searchableColumnCount={1}
+            filterableColumnCount={2}
+            cellWidths={["10rem", "40rem", "12rem", "12rem", "8rem", "8rem"]}
+            shrinkZero
+          />
+        }
+      >
+        <RFQContainer 
+          initialData={initialData}
+          fetchData={fetchRfqData}
+        />
+      </Suspense>
+    </Shell>
+  )
+}
+\ No newline at end of file